1
2
3
4
5
6
7
8
height: 48px;
		
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;

overflow: hidden;
text-overflow: ellipsis;

height 지정, webkit 브라우저에서는 line-clamp를 사용하고, fallback시 text-overflow: eclipssis가 사용된다.

Reference

https://stackoverflow.com/questions/6572330/is-it-possible-to-use-text-overflowellipsis-on-multiline-text